body
{
background:url(../images/fond.png) no-repeat;
background-color:#000000;
background-attachment:fixed;
background-position:top center;
margin:auto;
width:1008px;
margin-top:80px;
margin-bottom:20px;
}
#corpus
{
background:url(../images/corpus.png) repeat-y center;
width:776px;
margin-left:134px;
}
#texteCorpus
{
padding-left:20px;
padding-right:20px;
padding-top:20px;
}
#endCorpus
{
background:url(../images/end_corpus.png) no-repeat center;
width:776px;
height:50px;
margin-left:134px;
}
#menuTop
{
/* background:url(../images/menu_top.png) no-repeat center; */
background:#000000;
width:400px;
height:88px;
position:fixed;
float:right;
top:10px;
right:10px;
opacity:0.8;

border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;


box-shadow: 1px 1px 25px #CCC;


}
#texteMenuTop
{
color:#CCCCCC;
display:block;
width:360px;
margin:auto;
}

@font-face {
    font-family: 'exocetheavy';
    src: url('exh____-webfont.eot');
    src: url('exh____-webfont.eot?#iefix') format('embedded-opentype'),
         url('exh____-webfont.woff') format('woff'),
         url('exh____-webfont.ttf') format('truetype'),
         url('exh____-webfont.svg#exocetheavy') format('svg');
    font-weight: normal;
    font-style: normal;

}

.monTitre {
font-family: 'exocetheavy';
margin-top:20px;
font-size:2em;
color:#CCCCCC;
border-bottom:1px solid #222222;
border-right:1px solid #222222;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background:#5c0202;
text-shadow: 0px 0px 9px #777;
box-shadow: 1px 1px 25px #000;
}
.bizote
{
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
}



.description_top
 {
 width:233px;
 height:35px;
 background:url(../images/description_top.png) no-repeat;
 text-align:center;
 display:table-cell;
 vertical-align:middle;
 }
 
.description_centre
{
 width:233px;
 min-height:150;
 background:url(../images/description_centre.png) repeat-y;
 }
 
.description_bas
 {
 width:233px;
 height:25px;
 background:url(../images/description_bas.png) no-repeat;
 }
 .bulle
 {
 box-shadow: 8px 8px 10px #000;
 }


.span_description_top
{
font-family: 'exocetheavy';
font-weight:bold;
text-shadow: 0px 0px 10px #8d8b38;
display:block;
}
 
.colorNiveauRarete1
{
color:#FFFFFF;
} 
 .colorNiveauRarete2
{
color:#579aff;
}
.colorNiveauRarete3
{
color:#f5fe4b;
}
.colorNiveauRarete4
{
color:#FF9933;
}
.colorNiveauRarete5
{
color:#cd68ff;
} 

fieldset
{
background:rgba(255, 255, 255, 0.2);
border:1px solid #4b2300;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
fieldset:hover
{
background:rgba(255, 255, 255, 0.5);
border:1px dashed black;
}



.backgroundNiveauRarete1
{
-moz-box-shadow:inset 0px 0px 10px 7px #FFFFFF;
-webkit-box-shadow:inset 0px 0px 10px 7px #FFFFFF;
box-shadow:inset 0px 0px 10px 7px #FFFFFF;
} 
 .backgroundNiveauRarete2
{
-moz-box-shadow:inset 0px 0px 10px 7px #579aff;
-webkit-box-shadow:inset 0px 0px 10px 7px #579aff;
box-shadow:inset 0px 0px 10px 7px #579aff;
}
.backgroundNiveauRarete3
{
-moz-box-shadow:inset 0px 0px 10px 7px #f5fe4b;
-webkit-box-shadow:inset 0px 0px 10px 7px #f5fe4b;
box-shadow:inset 0px 0px 10px 7px #f5fe4b;
}
.backgroundNiveauRarete4
{
-moz-box-shadow:inset 0px 0px 10px 7px #FF9933;
-webkit-box-shadow:inset 0px 0px 10px 7px #FF9933;
box-shadow:inset 0px 0px 10px 7px #FF9933;
}
.backgroundNiveauRarete5
{
-moz-box-shadow:inset 0px 0px 10px 7px #cd68ff;
-webkit-box-shadow:inset 0px 0px 10px 7px #cd68ff;
box-shadow:inset 0px 0px 10px 7px #cd68ff;
} 


.borderNiveauRarete1
{
border:1px solid #FFFFFF;
} 
 .borderNiveauRarete2
{
border:1px solid #579aff;
}
.borderNiveauRarete3
{
border:1px solid #f5fe4b;
}
.borderNiveauRarete4
{
border:1px solid #FF9933;
}
.borderNiveauRarete5
{
border:1px solid #cd68ff;
} 


.float_left
{
/*float:left;*/
border:4px double #2A2418;

/*
border-radius:20px;
box-shadow:
0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset,
0px 2px 2px 0px rgba(255, 255, 255, 0.5);
*/

width: 100px;
height: auto;
}
.texte_centre
{
padding:10px;
}

.spanDPS
{
font-size:1.5em;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}
.spanSousDPS
{
font-size:0.8em;
color:#AAAAAA;
}

.texteCaracteristique
{
font-size:0.9em;
color:#7676B6;
}
/*
.tableauDescriptif {border-spacing: 0; border-collapse: collapse ; border: none;}
.tableauDescriptif td {{border: none; border-width: none;}
.tableauDescriptif tr:first-child td {border-top: none;}
.tableauDescriptif td:first-child {border-left: none;}*/


.texte_legend
{
font-family: 'exocetheavy';
font-size:0.8em;
font-weight:bold;
}


.colorOr
{
text-shadow:0px 0px 3px #000000;
font-size:16px;
color: #ffe83c;
font-weight:bold;
}

.colorArgent
{
text-shadow:0px 0px 3px #000000;
font-size:16px;
color: #adadad;
font-weight:bold;
}

.colorRed
{
text-shadow:0px 0px 3px #000000;
font-size:16px;
color:red;
font-weight:bold;
}

.myLien
{
color:#660000;
font-size:16px;
font-weight:bold;
}

.myLien:hover
{
color:#339900;
font-size:16px;
font-weight:bold;
text-decoration:underline;
}


 
#MenuDeroulant {
display:block;
position:relative;
left:417px;
top:162px;
}


#MenuDeroulant li {    
float:left;
list-style:none;
font:15px Tahoma, Arial; /* La taille et la police du texte du menu */
text-align:left;
}

#MenuDeroulant li a {    
display:block;
background:none; /* Couleur de fond des titres du menu */
padding:5px 12px;
text-decoration:none;
width:90px;
color:#FFFFFF; /* Couleur de police des titres du menu */
white-space:nowrap;
}


#MenuDeroulant li ul {
margin:0;
padding:0;
position:absolute;
visibility:hidden;
border:1px solid black;
}

#MenuDeroulant li ul li {    
float: none;
display:inline;
}

#MenuDeroulant li ul li a {    
min-width:90px;
width:125px;
color:#e7ccb3;
border:none;
	    /* Navigateurs récents */
	    background: -webkit-gradient(
	        linear,
	        left top, left bottom,
	        from(#430707),
	        to(#000000)
	    );
	    background: -webkit-linear-gradient(
	        top,
	        #430707,
	        #000000
	    );
 	   background: -moz-linear-gradient(
	        top,
	        #430707,
	        #000000
	    );
	    background: -o-linear-gradient(
	        top,
	        #430707,
	        #000000
	    );
	    background: linear-gradient(
	        top,
	        #430707,
	        #000000
	    );
border:1px solid black;
}

#MenuDeroulant li ul li a:hover {    
/* Navigateurs récents */
	    background: -webkit-gradient(
	        linear,
	        left top, left bottom,
	        from(#000000),
	        to(#430707)
	    );
	    background: -webkit-linear-gradient(
	        top,
	        #000000,
	        #430707
	    );
 	   background: -moz-linear-gradient(
	        top,
	        #000000,
	        #430707
	    );
	    background: -o-linear-gradient(
	        top,
	        #000000,
	        #430707
	    );
	    background: linear-gradient(
	        top,
	        #000000,
	        #430707
	    );
text-shadow:0px 0px 3px #FFFFFF;
color:white;
border:1px solid #430707;
}


